<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>邀好友 瓜分红包</title>
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--页面共同的CSS，JS-->
    <script src="../../res/js/common/commonCssJS.js"></script>
    <link rel="stylesheet" href="../../res/css/activity/help.css">
    <script src='../../res/js/minirefresh.js'></script>
    <script src='../../res/js/common/h5.js'></script>
    <script src='../../res/js/common/h5Common.js'></script>
    <style>
        *{
            box-sizing: border-box!important;
        }
    </style>
</head>

<body>
    <div class="wrap">
        <div class="wrapAbsolute">
            <div class="userInfo">
                <div class="userFace">
                    <img id="faceurl" src="" alt="">
                </div>
                <div id="userName" class="userName"></div>
                <div class="redNum">
                    <span>今日剩余可领取红包</span>
                    <span id="surPlusGold">0/66666</span>
                </div>
                <div class="barWrap">
                    <div id="bar" class="bar"></div>
                </div>
                <div id="shareBtn" class="shareBtn">
                    <img src="../../res/img/activity/shareBtn.png" alt="">
                </div>
                <div style="display: none" id="helpBtn" class="shareBtn">
                    <img src="../../res/img/activity/zlBtn.png" alt="">
                </div>
            </div>
            <div class="inviteList">
                <div class="inviteNum">今日已邀请好友（<span id="ShareByUserNum"></span>/10）</div>
                <ul id="ShareByUser" class="list">
<!--                    <li>-->
<!--                        <div class="left">-->
<!--                            <img src="../../res/img/eggTV/1.png" alt="">-->
<!--                        </div>-->
<!--                        <div class="right">-->
<!--                            <p>爱爱爱蜜莉雅雅雅</p>-->
<!--                            <p>已获得xx金币红包</p>-->
<!--                        </div>-->
<!--                    </li>-->
                </ul>
                <div class="addUpNum">累积获得 <span id="totalGold"></span>金币红包</div>
            </div>
            <div class="ruleInfo">
                <div class="ruleNav">规则说明</div>
                <div class="ruleContent">
                    1、每个用户在本活动中只能为他人助力一次。<br>
                    2、每个用户每天仅可以最多邀请10名用户进行助力。<br>
                    3、每个用户每天每次获得助力可获得1—100随机金额的金币红包。<br>
                    4、每个用户为他人助力可以获得30金币红包。<br>
                    5、金币红包的使用有效期到2020年11月12日为止。<br>
                </div>
            </div>
        </div>
    </div>
    <div>
        <img style="width: 100%;float: left" src="../../res/img/activity/activeDetail2.jpg" alt="">
    </div>

    <div>
        <img style="width: 100%;float: left" src="../../res/img/activity/activeDetail.jpg" alt="">
    </div>
    <div id="shareWrap" class="shareWrap">
        <div id="shareAlert" class="indexAlert"></div>
        <div class="bottom">
<!--            <div class="name">分享</div>-->
            <div class="shareIcon">
                <a id="shareWx" class="shareIconLi">
                    <img src="../../res/img/share/wx.png" alt="">
                    <p>微信好友</p>
                </a>
                <div id="sharePyq" class="shareIconLi">
                    <img src="../../res/img/share/pyq.png" alt="">
                    <p>朋友圈</p>
                </div>
                <div id="shareQQ" class="shareIconLi">
                    <img src="../../res/img/share/qq.png" alt="">
                    <p>QQ好友</p>
                </div>
                <div id="shareKj" class="shareIconLi">
                    <img src="../../res/img/share/qqkj.png" alt="">
                    <p>QQ空间</p>
                </div>
                <div id="shareWb" class="shareIconLi">
                    <img src="../../res/img/share/wb.png" alt="">
                    <p>新浪微博</p>
                </div>
            </div>
        </div>

    </div>

    <div id="helpWrap" class="helpWrap">
        <div id="helpWrapAlert" class="indexAlert"></div>
        <div class="alertContent">
            <div style="margin-top: 1.5rem;" class="inputText">
                <input maxlength="11" id="phoneNum" type="text" value="" placeholder="请输入手机号" onkeyup="this.value=this.value.replace(/[^\d\.\d{0,2}]/g,'')">
            </div>
            <div class="inputText">
                <input style="width: 60%" maxlength="6" id="phoneCode" type="text" value="" placeholder="输入验证码" onkeyup="this.value=this.value.replace(/[^\d\.\d{0,2}]/g,'')">
                <span style="display: none" id="getCodeNum" class="codeBtnActive">60S</span>
                <span id="getCode" class="codeBtnActive">获取验证码</span>
            </div>
            <div id="loginBtn" class="loginBtn">助力</div>
        </div>
    </div>

    <!--确定弹窗-->
    <div id="conAlert" class="conAlert">
        <div id="indexBack" class="indexBack"></div>
        <section class="alertIndex">
            <div class="topName">提示</div>
            <div class="info">助力成功，恭喜你获得30金币红包。</div>
            <div id="gotoAppBtn" class="gotoAppBtn">我也要助力瓜分红包</div>
        </section>
    </div>
</body>
<script src="../../res/js/activity/help.js"></script>
</html>